﻿(Function ($) {

    $. OrganicTabs = function (el, tùy chọn) {
    
        var cơ sở = này;
        cơ sở $ el = $ (el).
        . cơ sở $ nav = cơ sở $ el.find ("nav.").;
                
        base.init = function () {
        
            . (. {}, $ organicTabs.defaultOptions, tùy chọn) base.options = $ mở rộng;
            
            / / Accessible sửa chữa ẩn
            $ (". Ẩn") css. ({
                "Vị trí": "tương đối",
                "Top": 0,
                "Trái": 0,
                "Hiển thị": "không"
            }); 
            
            cơ sở. $ nav.delegate ("li> a", "click", function () {
            
                / / Chỉ ra danh sách hiện thông qua lớp CSS
                var curList = cơ sở. $ el.find ("a.active") attr ("href"). chuỗi con. (1),
                
                / / Danh sách chuyển đến
                    $ NewList = $ (this),
                    
                / / Hình ra ID của danh sách mới
                    listID = $ newList.attr ("href"). substring (1),
                
                / / Thiết lập chiều cao bao bọc bên ngoài để (tĩnh) chiều cao của danh sách bên trong hiện tại
                    $ AllListWrap = cơ sở. $ El.find (". Danh sách-wrap"),
                    curListHeight = $ allListWrap.height ();
                $ AllListWrap.height (curListHeight);
                                        
                if ((listID = curList) && ($ base. el.find (! ": phim hoạt hình". chiều dài) == 0)) {
                                            
                    / / Fade ra danh sách hiện tại
                    cơ sở. $ el.find ("#" + curList). fadeOut (base.options.speed, function () {
                        
                        / / Fade trong danh sách mới trên gọi lại
                        .. cơ sở $ el.find ("#" + listID) fadeIn (base.options.speed);
                        
                        / / Điều chỉnh bao bọc bên ngoài để phù hợp với danh sách mới snuggly
                        .. var newHeight = cơ sở $ el.find ("#" + listID) chiều cao ();
                        $ AllListWrap.animate ({
                            chiều cao: newHeight
                        });
                        
                        / / Hủy bỏ làm nổi bật - Thêm vào tab vừa nhấp
                        . cơ sở $ el.find (". nav li a") removeClass ("hoạt động").
                        $ NewList.addClass ("hoạt động");
                            
                    });
                    
                }   
                
                / / Đừng cư xử như một liên kết thường xuyên
                / / Stop propegation và sủi bọt
                return false;
            });
            
        };
        base.init ();
    };
    
    $. OrganicTabs.defaultOptions = {
        "Tốc độ": 0
    };
    
    $. Fn.organicTabs = function (tùy chọn) {
        trở this.each (function () {
            (. Mới $ organicTabs (điều này, tùy chọn));
        });
    };
    
}) (JQuery);